﻿.button, .button:visited {
    background: #222 url(overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer
}

input.textbox, select, textarea
{
  font-family    :  verdana, arial, snas-serif;
  font-size      :  11px;
  color          :  #000000;
width:100px;
  padding        :  1px;
  background     :  #f0f0f0;
  border-left    :  solid 1px #c1c1c1;
  border-top     :  solid 1px #cfcfcf;
  border-right   :  solid 1px #cfcfcf;
  border-bottom  :  solid 1px #6f6f6f;
}

input.textbox:focus, input.input_text_focus
{
    border-color:#646464;
    background-color:#ffcf03;
}
fieldset {
border: 1px solid #CCA383;
width: 450px;
background: #FFE8EF;
padding: 3px;
}
fieldset legend {
background: #CCA383;
padding: 6px;
font-weight: bold;
}

.label {
color:Navy;
font-weight: bold;
display: block;
width: 100px;
float: left;
}

.dropdown{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid black;
	width:120px;
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid black;
}

.GridViewStyle
{    
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
}

.GridViewStyle a
{
    color: #FFFFFF;
}

.GridViewHeaderStyle th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
}

.GridViewAlternatingRowStyle 
{
    background-color: #FFFFFF;
    color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}

.GridViewPagerStyle table
{
    margin: 0 auto 0 auto;
}

/* Grid code for your reference
<asp:GridView CssClass="GridViewStyle" runat="server" >
    <FooterStyle CssClass="GridViewFooterStyle" />
    <RowStyle CssClass="GridViewRowStyle" />    
    <SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
    <PagerStyle CssClass="GridViewPagerStyle" />
    <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
    <HeaderStyle CssClass="GridViewHeaderStyle" />
</asp:GridView>
*/

/*    Login  CSS
/* ------------ */
/* NAV BAR */

#navbar{
/*background:url(pic/bg.png) repeat-x;*/
height:10px;
line-height:10px;
}

/*------ Reset CSS Properties ------ */
#navbar ul, #navbar li,
#navbar form,
#navbar button {
border:0; margin:0;padding:0; list-style:none;display: inline;
}

#navbar li a{
margin:0 6px;
text-decoration:none;
color:#000000;
font-weight:bold;
border-bottom:dotted 1px #000000;
}

/*------ Layer with Register and Login Section ------ */
#login_menu{
background:#aaaaaa;
border:solid 1px #666666;
width:300px;
padding:10px;
color:#FFFFFF;
position:absolute;
font-weight:bold;
font-size:12px;
line-height:18px;
height: 80px;
}
#login_menu li{
padding-bottom:6px;
text-align:right;
}
#new-user-col{
padding-right:10px;
border-right:1px #DEDEDE solid;
height:50px;
width:100px;
float:left;
line-height:12px;
}
#signup-user-col{
padding-left:20px;
height:50px;
width:200px;
float:left;
line-height:12px;
text-align:right;
}

#login_menu label{font-size:11px; font-weight:normal; }
#login_menu input{font-size:11px; color:#333333; margin-left:10px;}

/*------ Button ------ */
#login_menu button
{
height: 20px;
line-height:24px;
float:right;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
cursor:pointer;
}
#registration_menu label{font-size:11px; font-weight:normal; }
#registration_menu input{font-size:11px; color:#333333; margin-left:10px;}
#registration-user-col
{
padding-left:20px;
height:50px;
width:200px;
float:left;
line-height:12px;
text-align:right;
}
#registration_menu{
background:#aaaaaa;
border:solid 1px #666666;
width:300px;
padding:10px;
color:#FFFFFF;
position:absolute;
font-weight:bold;
font-size:12px;
line-height:18px;
height: 140px;
}
#registration_menu button
{
height: 20px;
line-height:24px;
float:right;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
cursor:pointer;
}
.green-button{
background:url(pic/button.png);
display:block;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
width:81px;
height:10px;
line-height:10px;
text-align:center;
}

/*------ Spacer ------ */
.spacer{clear:both; height:1px;}







.seatAvailable
{
  background: #E8E8E8;
}

.seatSold
{
  background: #888888;
  color: White;
}

.seatSelected
{
background: grey;
}

.barcodefont
{
    font-family:Free 3 of 9;
}


.custom-calendar .ajax__calendar_container

{

 background-color:#ffc; /* pale yellow */

 border:solid 1px #666;

}

.custom-calendar .ajax__calendar_title

{

 background-color:#cf9; /* pale green */

 height:20px;

 color:#333;

}

.custom-calendar .ajax__calendar_prev,

.custom-calendar .ajax__calendar_next

{

 background-color:#aaa; /* darker gray */

 height:20px;

 width:20px;

}

.custom-calendar .ajax__calendar_today

{

 background-color:#cff;  /* pale blue */

 height:20px;

}

.custom-calendar .ajax__calendar_days table thead tr td

{

 background-color:#ff9; /* dark yellow */

 color:#333;

}

.custom-calendar .ajax__calendar_day

{

 color:#333; /* normal day - darker gray color */

}

.custom-calendar .ajax__calendar_other .ajax__calendar_day

{

 color:#666; /* day not actually in this month - lighter gray color */

}
       



/* Style menu*/
nav{
	background: rgb(176,174,38); /* Fallback Background color */
	background: url(images/pattern.png), -moz-linear-gradient(top, rgba(176,174,38,1) 0%, #6e6c00 100%);
	background:url(images/pattern.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,174,38,1)), color-stop(100%,rgba(110,108,0,1)));
	width: 540px;
	height: 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #251400;
	text-align: center;
	line-height: 38px;
	font-size: 13px;
}

nav li:hover a {
	color: #fff;
	text-shadow: #000 1px 1px;
}

nav li:hover {background: rgba(256, 256, 256, 0.1)}

nav li{
	float: left;
	list-style: none;
	width: 133.5px;
	border-right: solid 1px #251400;
	border-left: solid 1px rgba(256, 256, 256, 0.3);
	border-top: solid 1px rgba(256, 256, 256, 0.3);
}

nav li:first-child {
	border-left: none;
}

nav li:last-child {
	border-right: none;
}
ul ul{
    display:none;
    border: solid 1px rgba( 256, 256, 256, 0.1);
    border-top: none;
    background: rgba( 256, 256, 256, 0.05);
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
}

ul li:hover ul{
    position:absolute;
    display: inline;
    top:41px;
    left: 10px;
    width: 520px;    
}

ul li ul li{
    width: 25%;
    border: none;
}
.shadow{
    width: 540px;
    margin: auto;
    position:relative;
}

.sh_bottom:after{
    content: "";
    position:absolute;
    right: 0; bottom:0;
    width:270px; height: 20px;
    z-index: -1;
    -moz-box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);
    -moz-transform:skew(2deg,2deg) translate(-5px,-15px);
    -webkit-transform:skew(2deg,2deg) translate(-5px,-15px);
    transform:skew(2deg,2deg) translate(-5px,-15px);
}

.sh_bottom:before{
    content: "";
    position:absolute;
    left: 0; bottom:0;
    width:270px; height: 20px;
    z-index: -1;
    -moz-box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 20px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(-2deg,-2deg) translate(5px,-15px);
    -moz-transform:skew(-2deg,-2deg) translate(5px,-15px);
    transform:skew(-2deg,-2deg) translate(5px,-15px);
}

/* Main */


/*Side Bar*/
#container {  margin: 0 auto; position: relative; width: 100px; }

 

#content { width: 50px; background: #ececec; padding: 20px; }

 

#sidebar-container { position: absolute; top: 0; width: 50px }

#sidebar { width: 50px; height: 250px;  right:80px  ;position: absolute; }


p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

p#socialicons2 img:hover{
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}

p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */
}

p#socialicons3 img:hover{ 
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}



.verticalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
    width: 200px;
}
 
.verticalaccordion>ul>li {
    display:block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
    height:40px;
    width: 200px;
 
   
    background-color:#f0f0f0;
 
  
    transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
}
 
.verticalaccordion>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:19px;
 
   
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    background: #cccccc;
 
   
    background: -moz-linear-gradient( top, #999999, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";   
}
 
.verticalaccordion>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:220px;
}
 
.verticalaccordion>ul>li:hover {
    height: 280px;
}
 
.verticalaccordion:hover>ul>li:hover>h3 {
   
    color:#fff;
    background: #000000;
 
  
    background: -moz-linear-gradient( top, #454545, #000000);
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";  
}
 
.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}


#container { left: -92px; margin: 0 auto; position: relative; width: 600px; }

 

#content { width: 560px; background: #ececec; padding: 20px; }

 

#sidebar-container { position: absolute; right: -120px; top: 0; width: 50px }

#sidebar { width: 50px; height: 195px; top: 100px; position: absolute; }

p#socialicons img{
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

p#socialicons2 img{
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

p#socialicons2 img:hover{
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}

p#socialicons3 img{
}

p#socialicons3 img:hover{ 
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}



































